import './home.less';
import * as React from 'react';
import { useState, useEffect } from 'react';

import logo from '@/asset/logo.png';
import topBanner from '@/asset/topBanner.png';

import Banner from '@/components/banner';
import List from '@/components/list';

export default function home(props: any) {
  let [policy_list, setpolicy_list] = useState([
    { id: 1, msg: '农安县人民政府依法招商引资以及产业发展奖励法' },
    { id: 2, msg: 'AAAAAAAAAAAAAAAAAAAA' },
    { id: 3, msg: 'VVVVVVVVVVVVVVVVVVVV' },
  ]);
  let [investment_list, setinvestment_list] = useState([
    { id: 1, msg: '长春农安经济开发区产业导向' },
    { id: 2, msg: 'AAAAAAAAAAAAAAAAAAAA' },
    { id: 3, msg: 'VVVVVVVVVVVVVVVVVVVV' },
  ]);
  let [journalism_list, setjournalism_list] = useState([
    { id: 1, msg: '《关于进一步推动长春农安经理开发区高质量发展的实施意见》' },
    { id: 2, msg: 'AAAAAAAAAAAAAAAAAAAA' },
    { id: 3, msg: 'VVVVVVVVVVVVVVVVVVVV' },
  ]);
  const [policyTitle, investmentTitle, journalismTitle] = [
    '政策措施',
    '投资指南',
    '新闻动态',
  ];
  const [policyStyle, investmentStyle, journalismStyle] = [
    {
      color: '#fff',
      backgroundColor: '#fff',
      backgroundImage:
        'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic.jj20.com%2Fup%2Fallimg%2F1112%2F12101P11147%2F1Q210011147-3.jpg&refer=http%3A%2F%2Fpic.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1663913536&t=ec7d248637740046ef904022a55cb980',
    },
    { color: '#000', backgroundColor: '#fff' },
    { color: '#000', backgroundColor: '#ddd' },
  ];
  const barImg_list = [logo, topBanner];
  return (
    <div>
      <Banner barImg_list={barImg_list}></Banner>
      <List
        list={policy_list}
        title={policyTitle}
        styleObj={policyStyle}
      ></List>
      <List
        list={investment_list}
        title={investmentTitle}
        styleObj={investmentStyle}
      ></List>
      <List
        list={journalism_list}
        title={journalismTitle}
        styleObj={journalismStyle}
      ></List>
    </div>
  );
}
